.dataScreen-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('./images/bg.png') no-repeat;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center;
    background-size: 100% 100%;
	background-size: cover;
    .dataScreen {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition:  all 0.3s;
        transform-origin:  left top;
        .dataScreen-header {
            display: flex;
            width: 100%;
            height: 38px;
            .header-lf,
			.header-rg {
				position: relative;
				width: 567px;
				height: 100%;
				background: url("./images/dataScreen-header-left-bg.png") no-repeat;
				background-size: 100% 100%;
			}
            .header-ct {
                position: relative;
                flex: 1;
                height: 100%;
                .header-ct-title {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 82px;
                    font-family: YouSheBiaoTiHei;
					font-size: 32px;
					line-height: 60px;
					color: #05e8fe;
					text-align: center;
					letter-spacing: 4px;
                    background: url("./images/dataScreen-header-center-bg.png") no-repeat;
					background-size: 100% 100%;
                    .header-ct-warning {
						position: absolute;
						bottom: -42px;
						left: 50%;
						width: 622px;
						height: 44px;
						font-family: YouSheBiaoTiHei;
						font-size: 14px;
						line-height: 16px;
						line-height: 44px;
						color: #ffffff;
						text-align: center;
						letter-spacing: 1px;
						background: url("./images/dataScreen-header-warn-bg.png") no-repeat;
						background-size: 100% 100%;
						transform: translateX(-50%);
					}
                }
            }
            .header-screening,
			.header-download {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 9;
				box-sizing: border-box;
				width: 136px;
				height: 42px;
				padding-right: 4px;
				font-family: YouSheBiaoTiHei;
				font-size: 18px;
				font-weight: 400;
				line-height: 42px;
				color: #29fcff;
				text-align: center;
				cursor: pointer;
				background: url("./images/dataScreen-header-btn-bg-l.png") no-repeat;
				background-size: 100% 100%;
			}
			.header-download {
				left: 0;
				padding-right: 0;
				background: url("./images/dataScreen-header-btn-bg-r.png") no-repeat;
			}
			.header-time {
				position: absolute;
				top: 0;
				right: 14px;
				width: 310px;
				font-family: YouSheBiaoTiHei;
				font-size: 17px;
				font-weight: 400;
				line-height: 38px;
				color: #05e8fe;
				white-space: nowrap;
			}
        }
        .dataScreen-main {
            box-sizing: border-box;
            display: flex;
            flex: 1;
            width: 100%;
            padding: 12px 42px 20px; // 上：12  左、右：42  下:20
            .dataScreen-lf {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 394px;
                height: 100%;
                margin-right: 40px;
                .dataScreen-top
                .dataScreen-center
                .dataScreen-bottom {
                    position: relative;
                    box-sizing: border-box;
                    width:100%;
                    padding-top: 54px;
                }
                .dataScreen-top {
                    height: 37%;
                    background: url('./images/dataScreen-main-lt.png') no-repeat;
                    background-size: 100% 100%;
                }
                .dataScreen-center{
                    height: 30%;
                    background: url('./images/dataScreen-main-lc.png') no-repeat;
                    background-size: 100% 100%;
                }
                .dataScreen-bottom{
                    height: 27%;
					margin-bottom: 0;
					background: url("./images/dataScreen-main-lb.png") no-repeat;
					background-size: 100% 100%;
                }
            }
            .dataScreen-ct {
                display: flex;
                flex: 1;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
                margin-right: 40px;
                .dataScreen-map {
                    position: relative;
                    box-sizing: border-box;
                    flex: 1;
                    width: 100%;
                    margin-top: 78px;
                    .dataScreen-map-title {
                        position: absolute;
						top: 10px;
						left: 0;
						z-index: 99;
						box-sizing: border-box;
						display: flex;
						align-items: center;
						width: 270px;
						height: 25px;
						padding-left: 30px;
						font-size: 16px;
						color: #ffffff;
						letter-spacing: 5px;
						background: url("./images/map-title-bg.png") no-repeat;
						background-size: 100% 100%;
                    }
                }
                .dataScreen-cb{
                    position: relative;
					box-sizing: border-box;
					width: 100%;
					height: 252px;
					padding-top: 54px;
					background: url("./images/dataScreen-main-cb.png") no-repeat;
					background-size: 100% 100%;
                    .dataScreen-main-title{
                        position: absolute;
                        top: 1px;
                        left: 0;
                    }
                }
            }
            .dataScreen-rg {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 394px;
                height: 100%;
                .dataScreen-top,
				.dataScreen-center,
				.dataScreen-bottom {
					position: relative;
					box-sizing: border-box;
					width: 100%;
					padding-top: 54px;
				}
				.dataScreen-top {
					height: 37%;
					background: url("./images/dataScreen-main-rt.png") no-repeat;
					background-size: 100% 100%;
				}
				.dataScreen-center {
					height: 30%;
					background: url("./images/dataScreen-main-rc.png") no-repeat;
					background-size: 100% 100%;
				}
				.dataScreen-bottom {
					height: 27%;
					margin-bottom: 0;
					background: url("./images/dataScreen-main-rb.png") no-repeat;
					background-size: 100% 100%;
				}
                .title {
                    position: absolute;
                    top: 1px;
                    left: 0;
                }
            }
            .dataScreen-main-title {
                display: flex;
                flex-direction: column;
                span {
                    margin-bottom: 12px;
					font-family: YouSheBiaoTiHei;
					font-size: 18px;
					line-height: 16px;
					color: #ffffff;
					letter-spacing: 1px;
                }
                img {
					width: 68px;
					height: 7px;
				}
            }
            .dataScreen-main-chart {
				width: 100%;
				height: 100%;
			}
        }
    }
}